<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../css/head.css"/>
	</head>
    <style type="text/css">
        .part{
    		border-top: 1px solid gainsboro;
    		margin-top: 10px;
        	
        }
    	.part p{
    		display: inline-block;
    		width: 33.333%;
    		text-align: center;
    		color: black;
    		/*float: left;*/
    		padding-top: 10px;
    	}
    	.red{
    		color: red;
    	}
    	.mui-btn.mui-btn-red{
    		position: absolute;
    		bottom: 7px;
    		right: 15px;
    		border-radius:50px ;
    		background-color: #F23300;
    		border-color: #F23300;
    		padding: 4px 12px;
    	}
    	.mui-table-view-cell.mui-media{
    		margin-top: 5px;
    		background-color: white;
    	}
    	.mui-table-view-cell.mui-media:first-child{
    		margin-top: 0;
    	}
    	.mui-table-view-cell:after{
    		left: 0;
    	}
    	.mui-table-view{
    		background-color: #EFEFF4;
    	}
    	.mui-content>.mui-table-view:first-child{
    		margin-top: 0;
    	}
    </style>
	<body>
		<header class="mui-bar mui-bar-nav" style="background: #55555D">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: white;"></a>
			<h1 class="mui-title">申请记录</h1>
			<!--<span class="header_share">分享</span>-->
		</header>
		<div class="mui-content">
		    <ul class="mui-table-view">
		        <li class="mui-table-view-cell mui-media">
		            <a href="javascript:;">
		                <img class="mui-media-object mui-pull-left" src="../../img/my/icon-dingdang@3x.png">
		                <div class="mui-media-body">
		                                         叮当贷
		                    <p class="mui-ellipsis">申请时间:&nbsp;2016/12/13</p>
		                </div>
		                <div class="part">
		                	<p>
		                		借款金额<br />
		                		<span class="red">3000¥</span>
		                	</p>
		                	<p>
		                		借款期限<br />
		                		<span  class="red">12个月</span>
		                	</p>	
		                	<p>
		                		状态<br />
		                		<span class="red">申请成功</span>
		                	</p>
		                </div>
		                <div class="part">
		                   <p class="repay_time">还款时间:2016-03-19</p>
		                   <button type="button" class="mui-btn mui-btn-red">立即还款</button>
		                </div>
		            </a>
		        </li>
		        <li class="mui-table-view-cell mui-media">
		            <a href="javascript:;">
		                <img class="mui-media-object mui-pull-left" src="../../img/my/icon-dingdang@3x.png">
		                <div class="mui-media-body">
		                                         叮当贷
		                    <p class="mui-ellipsis">申请时间:&nbsp;2016/12/13</p>
		                </div>
		                <div class="part">
		                	<p>
		                		借款金额<br />
		                		<span class="red">3000¥</span>
		                	</p>
		                	<p>
		                		借款期限<br />
		                		<span  class="red">12个月</span>
		                	</p>	
		                	<p>
		                		状态<br />
		                		<span class="red">审核中</span>
		                	</p>
		                </div>
		                
		            </a>
		        </li>
		        <li class="mui-table-view-cell mui-media">
		            <a href="javascript:;">
		                <img class="mui-media-object mui-pull-left" src="../../img/my/icon-dingdang@3x.png">
		                <div class="mui-media-body">
		                                         叮当贷
		                    <p class="mui-ellipsis">申请时间:&nbsp;2016/12/13</p>
		                </div>
		                <div class="part">
		                	<p>
		                		借款金额<br />
		                		<span class="red">3000¥</span>
		                	</p>
		                	<p>
		                		借款期限<br />
		                		<span  class="red">12个月</span>
		                	</p>	
		                	<p>
		                		状态<br />
		                		<span class="red">- - -</span>
		                	</p>
		                </div>
		                
		            </a>
		        </li>
		    </ul>
		</div>
		<script src="../../js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>